// 对axios进行二次封装
// axios本身是一个独立的库，是对ajax的封装。为了方便在项目中使用，我们对它再次封装
// (1) 接口基地址
// (2) 请求，响应拦截器
import axios from 'axios'
// 在一个普通的.js文件中（不是.vue），是如何获取vuex中的数据的？
import store from '@/store/index.js'
// 引入大数字包
import jSONBIG from 'json-bigint'
import router from '@/router/index.js'
// axios.defaults.baseURL = ''
const instancel = axios.create({
  baseURL: 'http://ttapi.research.itcast.cn',
  // timeout: 5000
  transformResponse: [
    function (data) {
      // 由于后端返回的数据有出现大数问题（文章编号）,这里使用json-bigint处理一下
      // 优先使用JSONBig转一下
      try {
        return jSONBIG.parse(data)
      } catch (err) {
        return data
      }
    }]
})
const instance2 = axios.create({
  baseURL: 'http://api-toutiao-web.itheima.net'
})
// 在发送请求之前验证token
instancel.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 向本次请求中添加headers,设置token值
  // 从vuex中去获取token。
  const token = store.state.tokenInfo.token
  console.log('所有的请求在发出去之前，都会到这里来', store.state.tokenInfo, token)
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})
// 添加响应拦截器
// 添加响应拦截器
instancel.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, async function (error) {
  // console.log('响应拦截器，错误：')
  // console.dir(error)
  if (error.response && error.response.status === 401) {
    const refreshToken = store.state.tokenInfo.refresh_token
    if (refreshToken) {
      try {
        const result = await axios({
          method: 'PUT',
          url: 'http://ttapi.research.itcast.cn/app/v1_0/authorizations',
          headers: {
            Authorization: `Bearer ${refreshToken}`
          }
        })
        // 取回一个新的，有效期为2小时token
        const newToken = result.data.data.token
        // 保存到vuex
        store.commit('mSetToken', {
          token: newToken,
          refresh_token: refreshToken
        })
        // 重发请求
        return instancel(error.config)
      } catch (err) {
        store.commit('mSetToken', {})
        router.push('/login?jumpto=' + router.currentRoute.fullPath)
        return Promise.reject(new Error('refresh_token错误'))
      }
    } else {
      // 跳到登陆页 携带当前的路由地址信息
      router.push('/login?jumpto=' + router.currentRoute.fullPath)
      return Promise.reject(new Error('你没有登录。。。。。'))
    }
  } else {
    // 对响应错误做点什么
    return Promise.reject(error)
  }
})

export { instancel, instance2 }
export default instancel
